﻿@model WebSiteFool.Models.Article
@{
    ViewBag.Title = "Home Page";
}
<script type="text/javascript">
    $().ready(function () {
        TJBlog.AjaxLoader._loadArticleList();
        TJBlog.RichText._formatCode();
    });
</script>
<div class="table">
    <div class="theme-light">
        <div class="ribbon">
        </div>
        <div id="slider-main" class="nivoSlider">
            <img id="ss-img-2" src="../../Images/slide-3.jpg" />
            <img id="ss-img-1" src="../../Images/slide-2.jpg" />
            <img id="ss-img-0" src="../../Images/slide-1.jpg" />
        </div>
    </div>
    <article class="article">
    @if (Model != null)
    {
        @Html.ActionLink(Model.Title, "Show", "Article", new { Id = Model.Id }, new { @class = "article-title" })
        @Html.ActionLink("View Detail>>", "Show", "Article", new { Id = Model.Id }, new { @class = "detail-container" })
        <div class="article-content">@Html.Raw(Model.Content)</div>
    }
    </article>
    <aside>
        <div class="aside-widget">
            <h3 class="widget-title">All Articles</h3>
            <div class="widget-content" id="all-articles">
            </div>
        </div>
        <div class="aside-widget">
            <h3 class="widget-title">RSS</h3>
            <div class="widget-content">
            <ul>
                <li>
                @Html.ActionLink("Article RSS", "Feed", "Article", null, new { target = "_blank", @class = "title" })</li>
                <li>
                @Html.ActionLink("Comment RSS", "Feed", "Comment", null, new { target = "_blank", @class = "title" })</li>
                </ul>
            </div>
        </div>
        <div class="aside-widget">
            <h3 class="widget-title">About</h3>
            <div class="widget-content">
            <ul>
            <li>
            <a href=@Url.Content("~/Home/About") class="title">About Me</a>
            </li>
            <li>
            <a href="mailto:tangjing1203@gmail.com" class="title">Contact Me</a>
            </li>
            </ul>
                
            </div>
        </div>
    </aside>
</div>
